﻿@media only screen and (min-device-width: 800px) and (max-device-width: 1439px) {
    /*------------------------------------Aguarde---------------------------------------------*/
    #divConteudoAguarde {
        position: absolute;
        width: 30%;
        height: 250%;
        top: 250%;
        left: 35%;
    }

    #divCamposAguarde {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0%;
        left: 0%;
        
    }

    #spanAguarde {
        position: absolute;
        top: 45%;
        left: 32%;
        color: #004A80;
    }


    .loader {
        position: absolute;
        left: 16%;
        top: 10%;
        border: 16px solid #f3f3f3;
        border-radius: 50%;
        border-top: 16px solid #3498db;
        width: 120px;
        height: 120px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
    }

    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    /*--------------------------------------------------------------------------------------*/

}
